{% extends "main/shared.html" %}
{% load static %}

{% block head %}
  <title>首页</title>
{% endblock %}

{% block main %}
  {% for project in projects %}
    <div class="card mb-3" style="max-width: 540px;">
      <div class="row g-0">
        <div class="col-md-4">
          <img src="{% static "main/banners/71.jpeg" %}" class="img-fluid rounded-start object-fit-cover w-100 h-100 object-position-center" alt="...">
        </div>
        <div class="col-md-8">
          <div class="card-body">
            <h5 class="card-title">{{project.title}}</h5>
            <p class="card-text">{{project.description}}</p>
            <p class="card-text"><small class="text-muted">{{project.release_datetime}}</small></p>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
{% endblock %}